<template>
    <div>
        <header id="header">
			<h1>{{title}}</h1>
		</header>
    </div>
</template>

<script>
export default {
    name:'Header',
    props: {
        title:{
            type:String,
            default:'淘票票'
        }
    },
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style scoped >
#header{ position: fixed; top: 0; z-index: 100; width:100%; height:50px; color: #fff; background: #e54847; border-bottom: 1px solid #e54847; }
#header h1{ font-size: 18px; text-align: center; line-height: 50px; font-weight: normal; }
#header i{ position: absolute; left: 5px; top: 50%; margin-top: -13px; font-size: 26px;}

</style>
